<template>
  <div id="app">
     <MyHeader/>
    <!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div> -->
    <router-view/>
  
  </div>
</template>
<script>
import MyHeader from "./views/MyHeader"
export default {
    components:{
      MyHeader
    }
}
</script>


<style>
* {
    margin: 0;
    
    padding: 0;
    }
        
        li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
            color: black;
        }
        
        a:hover {
            color: rgb(170, 0, 0);
        }
        @font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?w4lfe1');
  src:  url('./fonts/icomoon.eot?w4lfe1#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?w4lfe1') format('truetype'),
    url('./fonts/icomoon.woff?w4lfe1') format('woff'),
    url('./fonts/icomoon.svg?w4lfe1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
</style>
